<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>


<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/jquery-1.9.0.min.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/common.js"></script>
<script language="javascript" type="text/javascript"
	src="${pageContext.request.contextPath}/js/register.js"></script>
	
<form:form action="${pageContext.request.contextPath}/usr/course/view/" method="POST" commandName="courseSearchResultPageBean">

<div class="right-area">
	<div class="left-arrow">
		<img src="images/arrow-left.png" width="11" height="16" alt="" />
	</div>
	<div class="container">
		<div class="content">
			<div class="three-column-work-area advance-search">
				<div class="top-nav">10,000 results</div>
				<ul class="list">
				
				<c:forEach items="${courseSearchResultPageBean.resultsBeans}" var="course" varStatus="reStatus">
				
					<li class="odd">
						<div class="content-para">
							<!-- <div class="img"><img src="images/dummy_profpic.jpg" width="60" alt="" /></div> -->
							<div class="search-details">
								<h3 class="class-search right-search"
									style="float: right; text-align: right; padding-top: 3px;">
									<div class="fright"
										style="display: block; padding-bottom: 5px;">
										<div class="selbox-inner">
											<div class="selactive">
												Share <span class="menu-sep"></span>
											</div>
											<ul>
												<li><a href="javascript:void(0);">Refer a Friend</a></li>
												<li><a href="javascript:void(0);">Add to Google
														Calendar</a></li>
												<li><a href="javascript:void(0);">Add to Microsoft
														Calendar</a></li>
												<li><a href="javascript:void(0);">Contact Teacher</a></li>
												<li class="last"><a href="javascript:void(0);">Cancel</a></li>
											</ul>
										</div>
									</div>
								</h3>
								<div class="hd">Kaliraja Ponnuswamy</div>
								<h3>
									<span class="listdet">Specialisis in :</span> <b>It
										Consulting</b>
								</h3>
								<h3>
									Chennai Area, India - <b>Information Technology and
										Services</b>
								</h3>

								<h3>
									<span class="listdet hd">Experience:</span>
									<ul class="social">
										<li><span class="greytxt">Teaching :</span> <span
											class="bluetxt">5 Years</span><br />
										<span class="greytxt">Professional :</span> <span
											class="bluetxt">2 Years</span></li>
									</ul>
								</h3>
								<p class="para">
									<span class="title">Skill Set :</span> <span class="less-data">Lorem
										Ipsum is simply dummy text of the printing and typesetting
										industry... <a href="javascript:void(0);" class="more">more</a>
									</span> <span class="more-data">Lorem Ipsum is simply dummy
										text of the printing and typesetting industry. Lorem Ipsum has
										been the industry's standard dummy text ever since the 1500s,
										when an unknown printer took a galley of type and scrambled it
										to make a type specimen book&nbsp;&nbsp;<a
										href="javascript:void(0);" class="less">less...</a>
									</span>
								</p>
							</div>
						</div>
					</li>

			</c:forEach>					

				</ul>
			</div>
		</div>
	</div>
	<div class="sidebar">
		<h2>Category</h2>
		<ul class="list">
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">IT Consultancy</div></li>
		</ul>
		<h2>Areas</h2>
		<ul class="list">
			<li><input type="checkbox" />
				<div class="list-cont">Chennai</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">Coimbatore</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">Delhi</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">Mumbai</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">Calcutta</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">Madurai</div></li>
		</ul>
		<h2>Companies</h2>
		<ul class="list">
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
			<li><input type="checkbox" />
				<div class="list-cont">All Companies</div></li>
		</ul>
	</div>
</div>

</form:form>